﻿@model Mobile.Models.Party
           
@{
    ViewBag.Title = "AddSong";
}
   <div data-role="header" class="ui-header ui-bar-a" role="banner" data-theme='a'>
     <h1 class="ui-title" role="heading" aria-level="1"  style="color:Red">NEXTRACK</h1>
         <div data-role="navbar" class="ui-navbar ui-mini" role="navigation">
                <ul>
                    <li>@Html.ActionLink("Skip Song", "SkipSong", "AdminUI")</li>
                    <li>@Html.ActionLink("Playlist", "Playlist", "AdminUI")</li>
                    <li>@Html.ActionLink("Add Tune", "AddSong", "AdminUI")</li>
                    <li>@Html.ActionLink("Leave Party", "Index", "Home")</li>
                </ul>
         </div>
 </div>
        <section id="main">    
                <ul data-role="listview" data-autodividers="true" data-inset="true" data-filter="true"  data-icon="plus" data-filter-placeholder="Find a song...">
                    <p>
                    
                    </p>
                    @foreach (var song in Model.allSongs)
                    {
                        @Content.Song("UpvoteButton?songID="+ song.SongID +"?partyID="+ Model.PartyID, song.Title, song.Artist, "plus", Url) 
                    }
                </ul>
            
        </section>